<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../../css/font.css">
    <link rel="stylesheet" href="../../css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../js/xadmin.js"></script>
    <script type="text/javascript" src="../../js/cookie.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">选择父分类</label>
            <div class="layui-input-inline">
                <select id="selectCate" name="parent_id" lay-verify="required" class="layui-input">
                    <!--                    aria-checked="true"-->

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="category_name" class="layui-form-label">子分类名</label>
            <div class="layui-input-inline">
                <input type="text" id="category_name" name="category_name" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn" lay-submit lay-filter="add">
                增加
            </button>
        </div>
    </form>
</div>

<script>
    layui.use(['form', 'layer'], function () {
        $ = layui.jquery;
        var form = layui.form
            , layer = layui.layer;

        $.post("/CategoryServlet", {"method": "findParentCate"}, function (data) {
            var str = "";
            $.each(data, function (n, value) {
                str += "<option value=\"" + value.id + "\">" + value.category_name + "</option>";
            });
            $("#selectCate").append(str);
            form.render();
        }, "json");
        //监听提交
        form.on('submit(add)', function (data) {
            var field = data.field;
            console.log("提交按钮的数据"+field);
            $.ajax({
                url: '/CategoryServlet?method=addCate',
                type: 'POST',
                data: field,
                dataType: "json",
                success: function (result) {
                    console.log(result);
                    if (result.stat) {
                        layer.closeAll('loading');
                        layer.load(2);
                        layer.msg("修改成功", {icon: 6});

                        setTimeout(function (index) {
                            layer.closeAll();//关闭所有的弹出层
                            x_admin_father_reload();
                        }, 1000);
                        //加载层-风格
                    } else {
                        console.log('真失败');
                        layer.msg("修改失败", {icon: 5});
                        setTimeout(function () {
                            layer.closeAll();//关闭所有的弹出层
                            layer.close(index);
                            // 获得frame索引
                            var index = parent.layer.getFrameIndex(window.name);
                            //关闭当前frame
                            parent.layer.close(index);
                        }, 1000);
                    }
                },
                error:function (result) {
                    console.log('失败');
                    layer.msg("修改失败", {icon: 5});
                    var index = parent.layer.getFrameIndex(window.name);
                    //关闭当前frame
                    parent.layer.close(index);
                }
            });
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
        //自定义验证规则
        // form.verify({
        //     nikename: function(value){
        //         if(value.length < 18){
        //             return '昵称至少得5个字符啊';
        //         }
        //     }
        //     ,pass: [/(.+){6,12}$/, '密码必须6到12位']
        //     ,repass: function(value){
        //         if($('#L_pass').val()!=$('#L_repass').val()){
        //             return '两次密码不一致';
        //         }
        //     }
        // });
        //
        // //监听提交
        // form.on('submit(add)', function(){
        //     $.ajax({
        //         type: "post",
        //         url: url,//请求地址已在另一处设置
        //         data: {username:"123",pad:"$('#L_pass')"},
        //         dataType: "json",
        //         success: function(result){
        //             if(result){
        //                 layer.alert("增加成功", {icon: 6},function () {
        //                     // 获得frame索引
        //                     var index = parent.layer.getFrameIndex(window.name);
        //                     //关闭当前frame
        //                     parent.layer.close(index);
        //                     // 可以对父窗口进行刷新
        //                     x_admin_father_reload();
        //                 });
        //             }else {
        //
        //             }
        //
        //         }
        //
        //     });
        //     return false;
        // });


    });
</script>
<script>var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();</script>
</body>

</html>